*{

    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


body{
    background:#f5f7fa ;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: Montserrat;
}

.wrapper{
    background: #fff;
    display: flex ;
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 5px 9px 20px rgba(0, 0, 0, 0.15);
    
}

.sidebar {
    background: #1e2939;
    width: 370px;
    padding-top: 40px;
    padding-bottom: 40px;

}
.sidebar>div{
    padding-left: 5px;
}
.myPhoto{
    width: 370px;
}

.about-main{
        padding-left: 90px;
        padding-top: 70px;
        padding-bottom: 110px;
    }
    .contacts{
        margin-left: 40px;
        margin-top: 60px;
        margin-right: 40px;

    }
    .contacts-title{
        color: #ffffff;
        font-size: 22px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .contacts-link{
        color: #606873;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .contacts-link-letter{
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        color: #fff;
        margin-right: 10px;
    }
    .tech-skills-title{
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .tech-skills-container{
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 55px;
    }
    .tech-skills-item{
        color: #ff6b08;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-left: 20px;
    }
    .tech-skills-text{
        color: #b2b4b8;
    }

    .soft-skills-container{
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 55px;
    }
    .soft-skills-title{
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .soft-skills-list{
        columns: 80px 2;
    }
    .soft-skills-item {
        color: #ff6b08;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-left: 20px;
    }
    .soft-skills-text{
        color: #b2b4b8;
    }




    .info{
        margin-bottom: 46px;
    }
    .profession{
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 23px;
    }
    .name{
        font-size: 45px;
        font-weight: 700;
        line-height: 89px;
    }
    .description{
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-top: 18px;
        /*color: #969696;*/
        color: #5F5F5F;
    }



    .about-me-title{
        font-size: 22px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .projects-item{
        color: #989898;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }


    .tech-name{
        color: #989898;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .dots{
        color: #dedede; 
        font-weight: 100;
        }
    .project-list{

        font-weight: 700;
        margin-left: 20px;
    }
    .work-container{
        margin-bottom: 35px;
    }


    .profession-title{
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin-top: 8px;
        margin-bottom: 15px;
    }

    .profession-company{
        color: #ff8d41;  
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;

    }
    .period{
        color: #a8a8a8;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
    }
    .period-separator{
        color: #000000;

    }

    .profession-duties{
    margin-top: 14px;
    margin-bottom: 27px;
    }

    .profession-duties-text{
        color: #595959;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .tabbed>li{
        margin: 5px;
        margin-left: 30px
    }